<script lang="ts" setup>
	import { theme } from '@/store/module/theme'
	const handleToContact = () => {
		uni.navigateTo({
			url: '/pages/user/contact/contact'
		})
	}
</script>

<template>
	<view :class="theme()" class="w-full min-h-[100vh] flex pt-[40rpx] items-center flex-col"
		:style="{background:'var(--Gradient-color)'}">
		<!-- title -->
		<view class="title text-[teal]  font-bold">
			<text class="block text-center text-[32px]">ATOMNOTION</text>
			<text class="block text-center mt-[40rpx] text-[16px]"> 记录你的美好生活</text>
		</view>
		<!-- 圆 -->
		<nut-transition :show="true" name="zoom" :duration="1500">
			<view class="yuan w-[400rpx] h-[400rpx] overflow-hidden mt-[60rpx]">
				<image src="/static/icon/login_yuan.png" class="w-full h-full" mode=""></image>
			</view>
		</nut-transition>
		<!-- 产品信息 -->
		<nut-transition :show="true" name="fade-up" :duration="1500">
			<view class="w-[80%] m-[40rpx_auto] p-[20rpx] text-[14px] text-[teal] rounded-[20rpx] bg-[#fff]">
				写在前面：这是寒寒的第一款app,寒寒的技术还不太成熟，为此寒寒一直在日夜兼程，一直在路上，如果在使用过程中有任何问题或建议，请留言在下面，寒寒一定会在第一时间看见，并斧正！再次谢谢您使用本产品。
			</view>
			<view class="mt-[60rpx] text-center text-[14px] font-semibold text-[blue]" @click="handleToContact">
				给寒寒致信
			</view>
		</nut-transition>

	</view>
</template>